<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>给文字添加拼音!!!</title>
</head>
<body>
<div>
    <p>
        <ruby>你好,
            <rt>hello,</rt>
        </ruby>
        <ruby>世界!
            <rt>world!</rt>
        </ruby>
    </p>
</div>
<div>
    <a href="through_background.html">通过后台转换</a><br/>
</div>
<div>
    <a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/ruby">Ruby官网</a><br/>
</div>
</body>
</html>